<%@ page language="java" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>添加-音乐</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<link rel="icon" href="images/favicon.ico"
			type="image/vnd.microsoft.icon">

		<link href="<%=basePath%>css/dialog/dialog.css" rel="stylesheet">
		<link href="<%=basePath%>css/smoothness/jquery-ui.css" rel="stylesheet">
		<style type="text/css">
			body {
				font: 62.5% "Trebuchet MS", sans-serif;
				margin: 50px;
			}
			
			.demoHeaders {
				margin-top: 2em;
			}
			
			#dialog-link {
				padding: .4em 1em .4em 20px;
				text-decoration: none;
				position: relative;
			}
			
			#dialog-link span.ui-icon {
				margin: 0 5px 0 0;
				position: absolute;
				left: .2em;
				top: 50%;
				margin-top: -8px;
			}
			
			#icons {
				margin: 0;
				padding: 0;
			}
			
			#icons li {
				margin: 2px;
				position: relative;
				padding: 4px 0;
				cursor: pointer;
				float: left;
				list-style: none;
			}
			
			#icons span.ui-icon {
				float: left;
				margin: 0 4px;
			}
		</style>

		<script src="<%=basePath%>js/jquery-1.8.3.js" type="text/javascript"></script>
		<script src="<%=basePath%>js/dialog.js" type="text/javascript"></script>
		<script src="<%=basePath%>js/jquery.optionTree.js" type="text/javascript"></script>
		<script src="<%=basePath%>js/jquery-ui.min.js" type="text/javascript"></script>
		<script type="text/javascript">
    	$(function(){
    		$("#tabs").tabs({
    			selected:0
    		});
            $("#buttons").buttonset();
    	});
    	var MsgBox = function(text){
    		new Dialog(text,
    		{
	    		title:"消息提示"
	    	}).show();
    	}
    	function skipTo(name){
  			location.href='home/' + name + '.wkm';
  		}
    	function skipPage(name){
  			location.href= name ;
  		}
    </script>

	</head>

	<body>
		<div id="tabs">
			<ul>
				<li>
					<a href="#tabs-1">添加音乐</a>
				</li>
				<li>
					<a href="#tabs-2">其他</a>
				</li>
			</ul>
			<div id="tabs-1">
				<form action="music/addMusic.wkm" method="post" id="form0">
					<div>
						<table border="0" style="font-size: 12">
							<tr>
								<td colspan="2">
									<input id="form01" name="musicId" type="hidden" value="0" />
								</td>
							</tr>
							<tr>
								<td>
									歌曲名称:
								</td>
								<td>
									<input id="form02" name="title" />
								</td>
							</tr>
							<tr>
								<td>
									歌手名称:
								</td>
								<td>
									<input id="form03" name="singer"/>
								</td>
							</tr>
							<tr>
								<td>
									歌曲地址:
								</td>
								<td>
									<input id="form04" name="address" size="100"/>
								</td>
							</tr>
							<tr>
								<td>
									歌词地址:
								</td>
								<td>
									<input id="form05" name="lyrics" size="100"></input>
								</td>
							</tr>
							<tr>
								<td colspan="2">
									<input name="sure" type="submit" value="提交" />
									<input name="cancel" type="reset" value="取消" />
								</td>
							</tr>
							<tr>
								<td colspan="2">
									<c:out value="${messageForm0}"></c:out>
									<input id="form07" name="tabIndex" value="0" type="hidden" />
								</td>
							</tr>
						</table>
					</div>
				</form>
			</div>
			<div id="tabs-2">
				正在建设中...
			</div>
		</div>
		<div id="buttons" style="vertical-align: middle" align="center">
			<input type="radio" id="map" name="radio"><label onclick="skipTo('index');" for="map">导航栏</label>
			<input type="radio" id="editPage" name="radio"><label onclick="skipPage('<%=basePath %>music/edit.wkm');" for="editPage">编辑音乐</label>
		</div>
	</body>
</html>
